var $table = $("#device_table");
$(function(){



    $table.bootstrapTable({
        url : "/device/page",
        sidePagination : 'server',
        cache : false,// 设置False禁用AJAX请求的缓存
        height : '',
        striped : true,// 使表格带有条纹
        pagination : true,// 设置True在表格底部显示分页工具栏
        pageList : [ 10, 15, 20, 30, 50, 100 ],
        search : false,
        queryParams : queryParams,
        responseHandler: function (res) {
            return {
                "total": res.total,//总页数
                "rows": res.list   //数据
            };
        },
        showColumns : false,// 设置为True可显示表格显示/隐藏列表
        showRefresh : false,// 设置为True可显示刷新按钮
        minimumCountColumns : 1,// 表格显示/隐藏列表时可设置最小隐藏的列数
        clickToSelect : false,// 设置为True时点击行即可选中单选/复选框
        toolbar : '#custom-toolbar',
        columns : [
            // {field : 'province',title : '地区',align : 'center',width : 40,valign : 'middle',
            //     formatter : function(province) {
            //         if(value==1){
            //             return  "有车";
            //         }else{
            //             return "-";
            //         }
            //     }},
            {field : 'company_name',title : '客户',align : 'center',width : 80,valign : 'middle'},
            {field : 'custom_park_num',title : '泊位号',align : 'center',width : 40,valign : 'middle'},
            {field : 'park_number',title : '均拓号',align : 'center',width : 40,valign : 'middle'},
            // {field : 'de_bind_time',title : '绑定时间',align : 'center',width : 60,valign : 'middle',
            //     formatter : function(value) {
            //         if(value){
            //             return  moment(value).format('YYYY-MM-DD HH:mm:ss');
            //         }else{
            //             return "-";
            //         }
            //     }
            // },
            // {field : 'device_number',title : '设备号',align : 'center',width : 60,valign : 'middle'},
            {field : 'device_name',title : '设备名称',align : 'center',width : 60,valign : 'middle',
                formatter : function(value,row) {
                    return  '<a href="/device/history/'+value+'">'+value+'</a>';
                }
            },
            {field : 'device_status',title : '状态',align : 'center',width : 10,valign : 'middle',
                formatter : function(value) {
                    if(value==1){
                        return  "有车";
                    }else if(value==0){
                        return "无车";
                    }else{
                        return "-";
                    }
                }},
            {field : 'battery_level',title : '电量',align : 'center',width : 10,valign : 'middle'},
            {field : 'temperature',title : '温度',align : 'center',width : 10,valign : 'middle'},
            {field : 'signal_strength',title : '信号',align : 'center',width : 10,valign : 'middle'},
            // {field : 'latitude',title : '经纬度',align : 'center',width : 10,valign : 'middle',
            //     formatter : function(value,row) {
            //         if(value){
            //             return  value+","+row.longitude;
            //         }else{
            //             return "-";
            //         }
            //     }
            // },
            {field : 'update_time',title : '更新时间',align : 'center',width : 60,valign : 'middle',
                formatter : function(value) {
                    if(value){
                        return  moment(value).format('YYYY-MM-DD HH:mm:ss');
                    }else{
                        return "-";
                    }
                }
            },
            {field : 'id',title : '操作',align : 'center',width : 80,valign : 'middle',
                formatter : function(value,row) {
                    var html="";
                    if(userType!='company'){
                        html="<a data-toggle='modal' href='#bindDevice' class=\"btn btn-warning btn-xs\" onclick=\"bind('"+value+"','"+row.device_name+"','"+row.company_id+"')\" ><i class=\"fa fa-pencil\"></i> 绑定客户</a>";
                    }else{
                        return "-";
                    }
                    return html;
                }
            }
        ]
    });

    // $.get("/area/list",function (data) {
    //     var area=$.parseJSON( data );
    //     var html="";
    //     for(var i=0;i<area.length;i++){
    //         html=html+"<option value='"+area[i].id+"'>"+area[i].name+"</option>";
    //     }
    //     $("#search_areaId").append("<option value=''>全部</option>"+html);
    //     $("#areaName").append(html);
    //     listStreet($("#search_areaId").val(),1);
    //     listStreet($("#areaName").val(),2);
    // });
    // $("#search_areaId").change(function () {
    //     listStreet($("#search_areaId").val(),1);
    // });
    // $("#areaName").change(function () {
    //     listStreet($("#areaName").val(),2);
    // });

    $("#btn_search").click(function(){
        $table.bootstrapTable('refreshOptions', {
            url: '/device/page',
            pageNumber:1
        });
    });

    $("#btn-device-save").on('click',function(){
        if(!$('#device_form').isValid()){
            return false;
        }
        $.ajax({
            url:'/device/save',
            data:$("#device_form").serialize(),
            type:"POST",
            async : false,
            success:function(data){//ajax返回的数据
                if(data==1){
                    $('#addDevice').modal('hide');
                    $table.bootstrapTable('refresh', {
                        url: '/device/page',
                        pageNumber:1
                    });
                    success();
                }else{
                    error();
                }
            }
        });
    });


    $.get("/company/list",function (data) {
        var  company= JSON.parse(data);
        var html = "";
        for(var i=0;i<company.length;i++){
            html=html+'<option value="'+company[i].id+'">'+company[i].name+'</option>';
        }
        $("#company4bind").append(html);
    });



});

function queryParams(params) {
    var name = $('#search_name').val();
    // var areaId = $('#search_areaId').val();
    // var streetId = $('#search_streetId').val();
    var parkNumber = $('#search_park').val();
    var queryParam = {
        // areaId:areaId,
        // streetId : streetId,
        parkNumber:parkNumber,
        name:name,
        pageSize : params.limit,
        pageNumber : params.offset
    };
    return queryParam;
}


/*
 *标准删除按钮
 */
// function del(id){
//     warnConfirm("确定删除这个设备吗？",function (result) {
//         if(result){
//             $.ajax({
//                 type:'POST',
//                 url: '/device/delete/'+id,
//                 success: function(data){
//                     if(data==1){
//                         $table.bootstrapTable('refresh', {
//                             url: '/device/page',
//                             pageNumber:1
//                         });
//                         success();
//                     }else{
//                         error("请先解绑，再删除");
//                     }
//                 }
//             });
//         }
//     });
// }
/*
 *标准删除按钮
 */
// function unbind(id){
//     warnConfirm("确定解除绑定吗？",function (result) {
//         if(result){
//             $.ajax({
//                 type:'POST',
//                 url: '/device/unbind',
//                 data:{id:id},
//                 success: function(data){
//                     if(data==1){
//                         $table.bootstrapTable('refresh', {
//                             url: '/device/page',
//                             pageNumber:1
//                         });
//                         success();
//                     }else{
//                         error("请先解绑，再删除");
//                     }
//                 }
//             });
//         }
//     });
// }

function bind(id,name,company_id) {
    $("#name4bind").val(name);
    $("#id4bind").val(id);
    $("#company4bind").val(company_id);
}

$("#btn-device-bind").click(function () {
    if(!$('#bindDevice_form').isValid()){
        return false;
    }
    $.ajax({
        url:'/device/save',
        data:$("#bindDevice_form").serialize(),
        type:"POST",
        async : false,
        success:function(data){//ajax返回的数据
            if(data==1){
                $('#bindDevice').modal('hide');
                $table.bootstrapTable('refresh', {
                    url: '/device/page',
                    pageNumber:1
                });
                success();
            }else{
                error();
            }
        }
    });
});



// function edit(id,number) {
//     $("#id").val(id);
//     $("#number").val(number);
// }
// function clearAddModal() {
//     $("#id").val("");
//     $("#number").val("");
// }